@import 'variable.styl'
body, html
  font-size 62.5%
  line-height 1
  font-family 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
  // user-select: none
  -webkit-tap-highlight-color transparent
  background $color-background
  color $color-text
  font-weight 300 !important
:-moz-placeholder, ::-moz-placeholder, input:-ms-input-placeholder, input::-webkit-input-placeholder
  color $color-text-l
// ::-webkit-scrollbar
//   width 0px
//   height 1px
// ::-webkit-scrollbar-thumb
//   border-radius 5px
//   -webkit-box-shadow inset 0 0 5px rgba(0, 0, 0, 0.2)
//   background rgba(0, 0, 0, 0.2)
input:-webkit-autofill
  -webkit-box-shadow 0 0 0px 1000px #fff inset !important // 关于解决输入框背景颜色
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button
  -webkit-appearance none !important
  margin 0
input[type='number']
  -moz-appearance textfield
.iconfont
  font-family 'ccyp' !important
  font-size 16px
  font-style normal
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
.border-top-1px, .border-right-1px, .border-bottom-1px, .border-left-1px
  position relative
  &:before, &:after
    content ''
    display block
    position absolute
    transform-origin 0 0
.border-top-1px
  &:before
    border-top 1px solid $border-color
    left 0
    top 0
    width 100%
    transform-origin 0 top
.border-right-1px
  &:after
    border-right 1px solid $border-color
    top 0
    right 0
    height 100%
    transform-origin right 0
    z-index -1
.border-bottom-1px
  &:after
    border-bottom 1px solid $border-color
    left 0
    bottom 0
    width 100%
    transform-origin 0 bottom
    z-index -1
.border-left-1px
  &:before
    border-left 1px solid $border-color
    top 0
    left 0
    height 100%
    transform-origin left 0
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)
  .border-top-1px
    &:before
      width 200%
      transform scale(0.7) translateZ(0)
  .border-right-1px
    &:after
      height 200%
      transform scale(0.7) translateZ(0)
  .border-bottom-1px
    &:after
      width 200%
      transform scale(0.7) translateZ(0)
  .border-left-1px
    &:before
      height 200%
      transform scale(0.7) translateZ(0)
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2)
  .border-top-1px
    &:before
      width 200%
      transform scale(0.5) translateZ(0)
  .border-right-1px
    &:after
      height 200%
      transform scale(0.5) translateZ(0)
  .border-bottom-1px
    &:after
      width 200%
      transform scale(0.5) translateZ(0)
  .border-left-1px
    &:before
      height 200%
      transform scale(0.5) translateZ(0)
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3)
  .border-top-1px
    &:before
      width 300%
      transform scale(0.333) translateZ(0)
  .border-right-1px
    &:after
      height 300%
      transform scale(0.333) translateZ(0)
  .border-bottom-1px
    &:after
      width 300%
      transform scale(0.333) translateZ(0)
  .border-left-1px
    &:before
      height 300%
      transform scale(0.333) translateZ(0)
.pageContainer
  text-align right
  margin-top 30px
  margin-bottom 30px
.white
  background #fff
.red
  color #F93546
.circle
  width 10px
  height 10px
  border-radius 50%
  display inline-block
.el-scrollbar__view
  height 100%
.icon-weibiaoti33
  color $color-theme
  cursor pointer
  vertical-align baseline
.el-cascader
  width 100%
.product-uploader
  width 60px
  height 60px
  margin-right $spacing-bigger
  border-radius $border-radius
  border 1px solid $color-border-other
  text-align center
  display inline-block
  display flex
  justify-content center
  .avatar
    width 60px
    height 60px
    position absolute
    border none
    left 0
    top 0
  .el-icon-plus
    font-size 3rem
    line-height 5rem
    color $color-border-other
.el-icon-edit-outline
  color RGBA(44, 125, 255, 1)
  cursor pointer
  vertical-align middle
.treeInput
  .el-input__inner
    height 20px
    line-height 20px
    width 80px
    font-size 12px
    margin-left 10px

.padding-box
  padding-left $spacing-box !important
  padding-right $spacing-box !important
  box-sizing border-box !important
  background #fff !important